// Ionic Variables and Theming. For more info, please see:
// http://ionicframework.com/docs/v2/theming/
@import "ionic.globals";


// Shared Variables
// --------------------------------------------------
// To customize the look and feel of this app, you can override
// the Sass variables found in Ionic's source scss files.
// To view all the possible Ionic variables, see:
// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/

$text-color:        #4A4A4A;
$background-color:  #fff;


// Named Color Variables
// --------------------------------------------------
// Named colors makes it easy to reuse colors on various components.
// It's highly recommended to change the default colors
// to match your app's branding. Ionic uses a Sass map of
// colors so you can add, rename and remove colors as needed.
// The "primary" color is the only required color in the map.

$colors: (
  primary:    #65CCF3,
  secondary:  #32db64,
  danger:     #F26F7B,
  light:      #F5F5F5,
  dark:       #222,
  favorite:   #69BB7B
);
$hoverColor:color($colors,danger);
$colorWhite:#fff;


// App Theme
// --------------------------------------------------
// Ionic apps can have different themes applied, which can
// then be future customized. This import comes last
// so that the above variables are used and Ionic's
// default are overridden.

@import "ionic.theme.default";

$tabs-ios-tab-color:color($colors,primary);
$tabs-ios-tab-color-active:$hoverColor;

$tabs-ios-tab-padding:6px 0 8px 0;
$tabs-ios-background:$background-color;
$tabs-ios-border:3px solid color($colors,primary);
// $toolbar-background:rgba(101,204,243,.5);

$list-ios-header-font-size:1.4rem;
$list-border-color:#EAEAEA;
$list-ios-header-color:#9B9B9B;
$item-ios-thumbnail-size:6rem;
$item-ios-avatar-size:5rem;
$list-ios-margin-bottom:10px;

$card-ios-header-color:$text-color;
$card-ios-text-color:$text-color;

$item-ios-detail-push-color:color($colors,primary);

.toolbar-ios-primary{
  box-shadow:0 3px 12px rgba(0, 0, 0, .1);
}







// Ionicons
// --------------------------------------------------
// The premium icon font for Ionic. For more info, please see:
// http://ionicframework.com/docs/v2/ionicons/

$ionicons-font-path: "../assets/fonts";
@import "ionicons";


@font-face {font-family: "iconfont";
  src: url($ionicons-font-path+'/iconfont.eot?t=1477887263161'); /* IE9*/
  src: url($ionicons-font-path+'/iconfont.eot?t=1477887263161#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url($ionicons-font-path+'/iconfont.woff?t=1477887263161') format('woff'), /* chrome, firefox */
  url($ionicons-font-path+'/iconfont.ttf?t=1477887263161') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url($ionicons-font-path+'/iconfont.svg?t=1477887263161#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-weixin:before { content: "\e650"; }

.icon-qq:before { content: "\e62d"; }

.icon-boy:before { content: "\e66e"; }

.icon-gril:before { content: "\e674"; }

.icon-weibo:before { content: "\e601"; }

.icon-guahao:before { content: "\e605"; }

.icon-zixun:before { content: "\e606"; }

.icon-faxian:before { content: "\e607"; }

.icon-user:before { content: "\e608"; }

.icon-daozheng:before { content: "\e609"; }

.icon-home:before { content: "\e60a"; }

.icon-yiyuan:before { content: "\e60b"; }

.icon-chike:before { content: "\e60c"; }

.icon-erke:before { content: "\e60d"; }

.icon-guke:before { content: "\e60e"; }

.icon-zhongyi:before { content: "\e60f"; }

.icon-wuguan:before { content: "\e610"; }

.icon-date:before { content: "\e612"; }

.icon-1:before { content: "\e614"; }

.icon-2:before { content: "\e615"; }

.icon-3:before { content: "\e616"; }

.icon-4:before { content: "\e617"; }

.icon-5:before { content: "\e618"; }

.icon-9:before { content: "\e619"; }

.icon-10:before { content: "\e61a"; }

.icon-6:before { content: "\e61b"; }

.icon-8:before { content: "\e61c"; }

.icon-11:before { content: "\e61d"; }

.icon-15:before { content: "\e61e"; }

.icon-14:before { content: "\e61f"; }

.icon-16:before { content: "\e620"; }

.icon-12:before { content: "\e621"; }

.icon-17:before { content: "\e622"; }

.icon-13:before { content: "\e623"; }

.icon-jsq:before { content: "\e626"; }


.tab-button{
  overflow: initial !important;
  ion-icon{
    overflow:initial !important;
  }
}
.ion-md-home:before,
.ion-md-medkit:before,
.ion-md-disc:before,
.ion-md-person:before{
	font-family:"iconfont" !important;
	font-size:23px;
}
.ion-md-home:before { content: "\e60a"; }
.ion-md-medkit:before { content: "\e60b"; }
.ion-md-disc:before { content: "\e607"; }
.ion-md-person:before { content: "\e608"; }



